.login {
  position: relative;
  width: 100%;
  height: 100%;
  .box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 1062px;
    height: 674px;
    background: url("../../assets/loginBg.png") no-repeat 100% 100%;
    position: relative;
    &::after {
      content: "";
      display: block;
      width: 748px;
      height: 563px;
      background: url("../../assets/loginBg2.png") no-repeat 100% 100%;
      position: absolute;
      left: -150px;
      top: 108px;
      color: rgb(100, 108, 255);
    }
    .info {
      position: absolute;
      right: 225px;
      top: 225px;
      width: 260px;
      //   background-color: red;
      .title {
        margin-bottom: 24px;
        .img {
          width: 42px;
          height: 36px;
          background: url("../../assets/loginTitle.png") no-repeat 100% 100%;
          margin: 0 20px 0 0;
        }
        .text {
          div {
            font-size: 20px;
            color: #000000;
            font-weight: bold;
            &:last-child {
              color: #d3002c;
            }
          }
        }
      }
      .qrcode {
        flex: 1;
        margin-left: 7px;
      }
    }
  }
}
